<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="../include/base.jsp" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<title>帖子</title>
	<style type="text/css">
		.clear{
			clear:both;
			height:0;
			font-size:0;
			visibility:hidden;
			overflow:hidden;
		}
	</style>
</head>
<body>
	<%@ include file="../include/head.jsp" %>
	<div class="container">
		<div class="" style="border:1px solid #CCC">
			<div class="breadcrumb" style="margin-bottom:10px;">
					<a href="#">返回帖子列表</a>
			</div>
			<div style="margin-bottom:10px; padding:0px 10px;">
				<b>同志们，今天中午都吃的什么，快来汇报</b>
			</div>
			<div class="reply">
				<div class="reply" style="border-top:1px solid #CCC;">
					<!--头像开始-->
					<div class="author" style="width:150px; background-color:#F0F0F0; float:left;">
						<ul class="unstyled">
							<li>
								<img src="images/header.jpg" alt="" style="margin:10px 20px" />
							</li>
							<li style="text-align:center">
								<a href="#" class="authorname">年少ai痛</a>
							</li>
							<li>
								<p style="color:#4C4C4C; text-align:center; font-size:12px">等级：20</p>
							</li>
						</ul>
					</div>
					<!--头像结束-->
					<div class="content_main" style="float:left; padding:10px 15px 7px; width:950px;">
						
						<div class="content">
							<span class="reply">我是回复我是回复我是回复我是回复我是回复我是回复我是回复我是回复我是回复我是回复我是回复我是回复我是回复我是回复我是回复我是回复我是回复我是回复我是回复我是回复</span>
							<div class="contentinfo" style="float:right; padding-right:15px; height:28px;">
								2楼&nbsp;|&nbsp;2013-04-13 16:11	
								<a href="#">回复</a>
								<span class="reply_hidden" style="display:none">收起回复</span>
								
							</div>
						</div>
						<!-- 回复二级评论开始 -->
						<div class="reply_more" style=" margin:10px 20px; width:700px; background-color:#FAFAFA;">
							<div class="reply_more_one" style="border-bottom:1px solid #CCC; padding:14px 15px;">																	
								<img src="images/header.jpg" alt="" style="height:30px; width:30px;" />
								<a style="text-align:center">
									<a href="#" class="authorname">年少ai痛</a>：
								</a>
								<span style="text-align:center;">-------对回复的评论---------------对回复的评论---------------对回复的评论---------------对回复的评论---------------对回复的评论---------------对回复的评论--------</span>
								<div class="reply_more_info" style="float:right; padding-right:15px; height:28px;">
									2013-04-13 16:11	
									<a href="javascript:;"id="reply_more_info_reply">回复</a>
									<a href="javascript:;"id="reply_more_info_reply_none" style="display:none">收起回复</a>
								</div>
								<!--二级评论框-->
								<div class="replybox" name="reply_more_info_box" id="reply_more_info_box" style="display:none; margin:10px 200px 10px;">
									<form action="#" method="post" style="margin-bottom:0px;" id="reply_more_info_form">
										<textarea rows="3" name="reply_more_info_text" id="reply_more_info_text"  class="textarea" placeholder="有什么想法，就在这里说吧" style="width:300px;resize: none;"></textarea><br/>
										<input type="button" class="btn btn-info" id="mesaytoo" value="评论" />
									</form>
								</div>
							</div>
							<div class="reply_more_one" style="border-bottom:1px solid #CCC; padding:14px 15px;">																	
								<img src="images/header.jpg" alt="" style="height:30px; width:30px;" />
								<a style="text-align:center">
									<a href="#" class="authorname">年少ai痛</a>：
								</a>
								<span style="text-align:center;">-------对回复的评论---------</span>
								<div class="reply_more_info" style="float:right; padding-right:15px; height:28px;">
									2013-04-13 16:11	
									<a href="#">回复</a>
									<span class="reply" style="display:none">收起回复</span>
								</div>
							</div>
							<!--二级评论框-->
							<div class="replybox" id="reply_more_one_box" style="display:none;">
								<form action="#" method="post" id="reply_more_one_form" style="margin-bottom:0px;">
									<textarea rows="3" name="reply_more_one_text" id="reply_more_one_form"  class="textarea" placeholder="有什么想法，就在这里说吧" style="width:300px;resize: none; margin:10px 200px 10px;"></textarea><br/>
								</form>
							</div>
							<div class="metoreply pull-right" style="margin:10px 15px; padding-bottom:10px;">
								<input type="button" class="btn mesay" style="font-size:12px" value="我也说一句"/>
							</div>
						</div>
						<!-- 回复二级评论结束 -->
					</div>
					<div class="clear"></div>
				</div>
<!-------------------------------------------------------------完成-------------------------------------------------------------------------->
				
				<div class="reply" style="border-top:1px solid #CCC;">
					<div class="author" style="width:150px; background-color:#F0F0F0; float:left;">
						<ul class="unstyled">
							<li>
								<img src="images/header.jpg" alt="" style="margin:10px 20px" />
							</li>
							<li style="text-align:center">
								<a href="#" class="authorname">年少ai痛</a>
							</li>
							<li>
								<p style="color:#4C4C4C; text-align:center; font-size:12px">等级：20</p>
							</li>
						</ul>
					</div>
					<div class="content_main" style="float:left; padding:10px 15px 7px; width:950px;">
						<div class="content">
							我是回复
						</div>
						<div class="contentinfo" style="float:right; padding-right:15px; height:28px;">
							2楼&nbsp;|&nbsp;2013-04-13 16:11	
							<a href="#">回复</a>
							<span class="reply" style="display:none">收起回复</span>
						</div>
					</div>
					<div class="clear"></div>
				</div>
				<div class="reply" style="border-top:1px solid #CCC;">
					<div class="author" style="width:150px; background-color:#F0F0F0; float:left;">
						<ul class="unstyled">
							<li>
								<img src="images/header.jpg" alt="" style="margin:10px 20px" />
							</li>
							<li style="text-align:center">
								<a href="#" class="authorname">年少ai痛</a>
							</li>
							<li>
								<p style="color:#4C4C4C; text-align:center; font-size:12px">等级：20</p>
							</li>
						</ul>
					</div>
					<div class="content_main" style="float:left; padding:10px 15px 7px; width:950px;">
						<div class="content">
							-----------------这是回复--------------------------
							-----------------这是回复--------------------------
							-----------------这是回复--------------------------
							-----------------这是回复--------------------------
						</div>
						<div class="contentinfo" style="float:right; padding-right:15px; height:28px;">
							2楼&nbsp;|&nbsp;2013-04-13 16:11	
							<a href="#">回复</a>
							<span class="reply" style="display:none">收起回复</span>
						</div>
					</div>
					<div class="clear"></div>
				</div>
			</div>
			
		</div>
<!----------------------------------------------------------------下面是一级回复框------------------------------------------------------------>
		<div class="reply_main" >
			<div style="margin:10px 250px 0px; width:550px;">
				<div class="reply_main_head"  style="padding-top:10px"><b>发表回复：</b></div>
				<form action="#" method="post"id="reply_main_form">
					<div style="margin:10px 0px; border:1px solid #CCC; background-color:#FAFAFA; padding:15px 0px;">
						<textarea rows="8" class="textarea" id="reply_main_form_text" placeholder="有什么想法，就在这里说吧" style="width:500px; resize: none; margin:10px 23px 0px;"></textarea><br/>
					</div>	
					<input type="button" id="reply_main_form_btn" class="btn btn-info" value="评论" />
				</form>
			</div>
		</div>
	</div>
	
	<script type="text/javascript">
		$(function(){
			<!-- 一级评论 -->
			$('#reply_main_form_btn').click(function(){
				var reply_main_form_text = $('#reply_main_form_text').val();
				if(reply_main_form_text == ''){
					$('#reply_main_form_text').onblur();
				}else{
					$('#reply_main_form').submit();
				}
			});
			<!-- 三级评论 -->
				<!-- 打开评论框 -->
			$('#reply_more_info_reply').click(function(){
				$('#reply_more_info_reply_none').show();
				$('#reply_more_info_reply').hide();
				$('#reply_more_info_box').show();
				$('#reply_more_info_text').onblur();
				
				$('#mesaytoo').click(function(){
					var mereplyto = $('#reply_more_info_text').val();
					if(mereplyto == ''){
						$('#reply_more_info_text').onblur();
					}else{
						$('#reply_more_info_form').submit();
					}
				});
			});
				<!-- 关闭评论框 -->
			$('#reply_more_info_reply_none').click(function(){
				$('#reply_more_info_box').hide();
				$('#reply_more_info_reply_none').hide();
				$('#reply_more_info_reply').show();
			});
			<!-- 二级评论 -->
			$('.mesay').click(function(){
				if($('.mesay').attr('value') == '评论'){
					var reply = $('#reply_more_one_text').val();
					if(reply==""){
						$('#reply_more_one_box').hide();
						$('.mesay').attr('value','我也说一句');
					}else{
						$('#reply_more_one_form').submit();
					}
				}else{
						$('#reply_more_one_box').show();
						$('.mesay').attr('value','评论');
						$('#reply_more_one_text').onblur();
				}
			});	
		})
	</script>

</body>
</html>